<link rel="stylesheet" type="text/css" href="car/css/car.css">
<div class="car">
	<header class="carHeader">
		购物车
	</header>
	<!-- 购物车为0时显示的内容 -->
	<!-- <div class="goShopping">
		<img src="car/imgs/goShopping.png">
		<p>亲，购物车空空的耶~</p>
		<span ui-sref="home">去逛逛</span>
	</div> -->

	<!-- 地址 -->
	<div class="addr">
		<img ng-src="car/imgs/addrContent.PNG" >
	</div>
	<!-- 购物车主体内容 -->
	<div class="carConstant">
		<!-- 闪送超市 -->
		<div class="topChouDan">
			<div>闪送超时</div>
			<span>凑单专区</span>
			<p>¥0起送，22:00前满¥30免运费</p>
		</div>
		<!-- 收货时间 -->
		<div class="centerTime">
			<div>
				收货时间
				<span>30分钟送达</span>
			</div>
			<span>可预订</span>
		</div>
		<!-- 收货备注 -->
		<div class="bottomNote">
			收货备注
			<input type="text" maxlength="100" placeholder="可输入100字以内特殊要求内容">
		</div>
		<!-- 购物车商品 -->
		<div class="goodsSelect" ng-repeat="carGood in goods">
			<span class="celectBox" ng-class="{'celectedBox' : carGood.checked}" ng-click="addOrReduceToCart()"></span>
			<img ng-src="{{carGood.img}}">
			<div>
				<p>{{carGood.name}}</p>
				<p>￥{{carGood.price}}</p>
			</div>
			<div class="numContent">
				<span class="jianBtn" ng-click="reduce()"></span>
				<span class="contentBtn">{{carGood.count}}</span>
				<span class="addBtn" ng-click="add()"></span>
			</div>
		</div>
		
		<!-- 结算 -->
		<div class="selectOk">
			<div class="selectGoods">
				<span class="spanCheck" ng-class="{'spanChecked':allGoodsChecked}" ng-click="addAllGoodsToCart()"></span>
				全选
			</div>
			<div class="goodsMoney">
				共:<span>{{allPrice | currency : '￥'}}</span>
			</div>
			<div class="settlement">
				选好了
			</div>
		</div>
	</div>
	<div class="footerDiv"></div>
</div>